<template>
  <a-config-provider :locale="locale">
    <div id="app">
      <keep-alive>
        <router-view v-if="$route.meta.keepAlive"/>
      </keep-alive>
      <router-view v-if="!$route.meta.keepAlive"/>
    </div>
  </a-config-provider>
</template>
<script>
  import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN'
  import enquireScreen from '@/utils/device'
  import '@/components/iconfont/common.less'


  export default {
    data () {
      return {
        locale: zhCN
      }
    },
    created () {
      let that = this
      // enquireScreen(deviceType => {
      //   // tablet
      //   if (deviceType === 0) {
      //     that.$store.commit('TOGGLE_DEVICE', 'mobile')
      //     that.$store.dispatch('setSidebar', false)
      //   }
      //   // mobile
      //   else if (deviceType === 1) {
      //     that.$store.commit('TOGGLE_DEVICE', 'mobile')
      //     that.$store.dispatch('setSidebar', false)
      //   } else {
      //     that.$store.commit('TOGGLE_DEVICE', 'desktop')
      //     that.$store.dispatch('setSidebar', true)
      //   }
      // })
    }
  }
</script>
<style>
  #app {
    height: 100%;
  }
</style>
